.about {
  color: #fff;
  background: $blue-gradient-revert;
  background-color: $dark-blue;
  padding: 50px 0 70px 0;
  .container {
    max-width: $min-container;
  }
  .section-title {
    margin-bottom: 30px;
  }
  .num-desc {
    font-family: $chinese-font;
    color: $color-brown;
    .item {
      display: inline-block;
      margin-left: -4px;
      border-radius: 80px;
      border: 1px solid $color-brown;
      padding-top: 20px;
      padding-bottom: 20px;
      font-weight: bold;
      text-align: center;
    }
    .num {
      font-size: 3rem;
      font-weight: normal;
      margin-right: 5px;
    }
    .cont {
      font-size: 1.1rem;
    }
    .left {
      width: 20%;
      margin-right: 5%;
    }
    .middle {
      width: 30%;
      margin-right: 5%;
    }
    .right {
      width: 40%;
    }
  }
}

@media (max-width: $screen-md-min) {
  .about {
    .num-desc .num {
      font-size: 1.2rem;
      display: block;
    }
  }
}
